<template>
  <div>
    <el-row>
      <el-input v-model="count" :value="count"></el-input>
      <el-button type="primary" size="mini" :disabled="count <= 0" @click="reduction">-</el-button>
      <el-button type="primary" size="mini" :disabled="count >= 10" @click="incrase">+</el-button>
    </el-row>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        name: "NumCount",
        count: 0
      }
    },
    methods: {
      incrase() {
        this.count++;
      },
      reduction() {
        this.count--;
      }

    },

  }
</script>

<style scoped>

</style>
